<template>
	<div>
		<div
			style="display: flex;align-items: center;justify-content: space-evenly;padding: 25px 0;background-color: rgb(244, 244, 244);">
			<div style="display: flex;align-items: center;">
				<div>
					<img style="width: 61px;height: 61px;" src="@/assets/images/cs1.png" />
				</div>
				<div style="font-size: 14px;color: rgba(0, 0, 0, 0.65);margin-left: 30px;">
					<div>优质服务</div>
					<div style="margin-top: 10px;">供应商，会员实名认证，放心交易</div>
				</div>
			</div>

			<div style="display: flex;align-items: center;">
				<div>
					<img style="width: 61px;height: 61px;" src="@/assets/images/cs2.png" />
				</div>
				<div style="font-size: 14px;color: rgba(0, 0, 0, 0.65);margin-left: 30px;">
					<div>协同创新</div>
					<div style="margin-top: 10px;">创新资源有效汇聚，突破创新壁垒</div>
				</div>
			</div>

			<div style="display: flex;align-items: center;">
				<div>
					<img style="width: 61px;height: 61px;" src="@/assets/images/cs3.png" />
				</div>
				<div style="font-size: 14px;color: rgba(0, 0, 0, 0.65);margin-left: 30px;">
					<div>安全保障</div>
					<div style="margin-top: 10px;">提供安全，可靠的数据资源</div>
				</div>
			</div>
		</div>
		<div class="footerBottom">
			<div class="other">
				<p>
					<template v-for="(item,index) in ['平台规则','关于我们','联系我们','广告服务','友情链接','营业执照','服务协议','评价制度']">
						<span>{{item}}</span>
						<span v-if="index<7" style="margin: 0 10px;">|</span>
					</template>
				</p>
				<p style="margin: 10px 0;">
					<a target="_blank"
						href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010102002019&token=45a6c8c4-99fe-425e-8eb9-3bb7ebbf4f01">平台网站备案号：京ICP备xxxxxxxxxx</a>
				</p>
				<p>平台公网备案号：京公网安备xxxxxxxxxx</p>
			</div>

			<!-- <div class="indexContainer" >
				<div class="footerOne">
					<el-row>
						<el-col :xs="24" :sm="24" :md="7" :lg="7" :xl="7">
							<div class="footerLeft">
								<ul>
									<li>
										<h2>主办单位：</h2>
										<p>数运先锋（北京）数据管理有限公司</p>
									</li>
									<li>
										<h2>平台运营及技术支持：</h2>
										<p>XXXX科技有限公司</p>
									</li>
								</ul>
							</div>
						</el-col>
						<el-col :xs="24" :sm="24" :md="10" :lg="10" :xl="10">
							<div class="footerCenter">
								<el-row>
									<el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
										<div class="centerLeft">
											<div class="threeText">
												<h3>工作时间：</h3>
												<p>周一至周五 早8:30-晚7:00</p>
												<p>周六至周日 早9:00-晚6:00</p>
											</div>
										</div>
									</el-col>
									<el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
										<div class="centerRight">
											<img src="@/assets/img/code.png" alt="">
											<p class="fiveText">扫一扫关注<br>数运先锋公众号</p>
										</div>
									</el-col>
								</el-row>
							</div>
						</el-col>
						<el-col :xs="24" :sm="24" :md="7" :lg="7" :xl="7">
							<div class="footerRight">
								<div class="footCode">
									<ul>
										<li>
											<h2>联系电话：<span>13300000000</span></h2>
										</li>
										<li>
											<h2>联系地址：</h2>
											<p>北京市通州区新华北路55号2幢四层10-71室</p>
										</li>
										<li>
											<h2>邮箱：</h2>
											<p>13300000000@163.com</p>
										</li>
									</ul>
								</div>
							</div>
						</el-col>
					</el-row>
				</div>
			</div>
			<div class="other">
				<p><a target="_blank"
						href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010102002019&token=45a6c8c4-99fe-425e-8eb9-3bb7ebbf4f01">京ICP备
						2024XXXXXX号</a></p>
				<p>版权所有©20XX 数运先锋（北京）数据管理有限责任公司</p>
			</div> -->
		</div>
	</div>
</template>
<script>
	import {
		navigaatorList
	} from "@/request/api/navigationBar";
	import {
		getUserInfo2
	} from "@/request/api/user";
	export default {
		data() {
			return {
				dispositionone: {
					name: "主办", //名称
				},
				dispositionTwo: {
					name: "平台运营", //名称
				},
				dispositionTr: {
					name: "联系电话", //名称
				},
				dispositionFo: {
					name: "联系地址", //名称
				},
				dispositionFive: {
					name: "邮箱", //名称
				},
				linkList: [{
						irwName: "济南高新技术产业开发区管理委员会",
						irwAddress: "http://innovation.jinan.gov.cn/",
						irwId: "01",
					},
					{
						irwName: "山东省科学技术厅",
						irwAddress: "http://kjt.shandong.gov.cn/",
						irwId: "02",
					},
					{
						irwName: "齐鲁银行",
						irwAddress: "https://www.qlbchina.com/",
						irwId: "03",
					},
				],
				params: {
					irwStatus: "1", ////1：启用、0：停用
					irwSortOrderByAsc: true, //枚举：true，false
				},

				tableData: [],
				tablebData: [],
				tablecData: [],
				tabledData: [],
				tableeData: [],
				aaldata: "", //主办单位
				baaldata: "", //平台运营及技术支持
				caaldata: "", //联系电话
				daaldata: "", //联系地址
				eaaldata: "", //邮箱
				userInfo: {},
			};
		},
		mounted() {
			// this.isGetVal()
			this.bus.$on("toExamine", () => {
				this.$refs.examineContent.open();
			});
			this.bus.$on("toLoan", () => {
				this.$refs.loanContent.open();
			});
		},
		created() {
			// this.getTrain(); //主办单位
			// this.getbTrain(); //平台运营及技术支持
			// this.getcTrain(); //联系电话
			// this.getdTrain(); //联系地址
			// this.geteTrain(); //邮箱
			// this.getInfo();
		},
		methods: {
			// 主办单位
			getTrain() {
				navigaatorList(this.dispositionone).then((res) => {
					if (res.data.code === 200) {
						if (res.data.result.length !== 0) {
							this.aaldata = res.data.result[0].value;
						}
					}
				});
			},
			// 平台运营及技术支持
			getbTrain() {
				navigaatorList(this.dispositionTwo).then((res) => {
					if (res.data.code === 200) {
						this.tablebData = res.data.result;
						if (res.data.result.length !== 0) {
							this.baaldata = res.data.result[0].value;
						}
					}
				});
			},
			// 联系电话
			getcTrain() {
				navigaatorList(this.dispositionTr).then((res) => {
					if (res.data.code === 200) {
						this.tablecData = res.data.result;
						if (res.data.result.length !== 0) {
							this.caaldata = res.data.result[0].value;
						}
					}
				});
			},
			// 联系地址
			getdTrain() {
				navigaatorList(this.dispositionFo).then((res) => {
					if (res.data.code === 200) {
						this.tabledData = res.data.result;
						if (res.data.result.length !== 0) {
							this.daaldata = res.data.result[0].value;
						}
						// this.tabledData.forEach(item=>{
						//     this.daaldata=item.value
						// })
					}
				});
			},
			// 邮箱
			geteTrain() {
				navigaatorList(this.dispositionFive).then((res) => {
					if (res.data.code === 200) {
						this.tableeData = res.data.result;
						if (res.data.result.length !== 0) {
							this.eaaldata = res.data.result[0].value;
						}
					}
				});
			},
			// 获取关系网站
			getLinkList() {
				getLink(this.params).then((res) => {
					if (res.data.status == "SUCCESS") {
						this.linkList = res.data.data;
					}
				});
			},
			isGetVal() {
				if (window.sessionStorage.getItem("userInfo") !== null) {
					this.userInfo = JSON.parse(window.sessionStorage.getItem("userInfo"));
				}
			},
			// 获取用户信息
			getInfo() {
				getUserInfo2().then((res) => {
					if (res.data.code === 200) {
						this.userInfo = res.data.result;
						if (this.userInfo.staffType === "8") {
							this.bus.$emit("chatWeb");
						}
					}
				});
			},
			handleOpen() {
				const headers = window.sessionStorage.getItem("access_token");
				window.open(this.url.screenUrl + "?code=" + headers);
			},
		},
	};
</script>
<style lang="less" scoped>
	@import "./footer.less";
</style>